@mixin text{
  font-size: 36px;
  color:#433F3D;
  font-weight: 500;
}
@mixin _text($size,$color){
  font-size:$size;
  color:$color;
}
@mixin whc($w,$h,$bg:#ffffff){
  width:$w;
  height:$h;
  background: $bg;
}
@mixin centerline{
  position:relative;
  margin: auto;
}
@mixin verticalMiddle{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}
@mixin tableCell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
@mixin relative($top,$left){
  position:relative;
  top:$top;
  left:$left;
}
@mixin absolute($top,$left){
  position:absolute;
  top:$top;
  left:$left;
}
@mixin flex{
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
}
@mixin cen($left){
  position:absolute;
  top:50%;
  left:$left;
  transform: translate($left,-50%);
}
@mixin position_right($right){
  position:absolute;
  top:50%;
  right:$right;
  transform: translate(-$right ,-50% );
}
li{
  list-style: none;
}
a{
  text-decoration: none;
}
input{
  outline: none;
  border:none;
}
button{
  border:none;
  outline: none;
  cursor: pointer;
}